<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reading.css"/>
		<link rel="stylesheet" type="text/css" href="css/head.css"/>
	</head>
	<body>	
		<!-- =========== -->			<div class="head">
					<div class="line1">
						<span class="log">
							<a href="index.html">
							<img src="img/logo/yinLogo.png" >
						</a>
						</span>
					<ul>
						<li><a href="#">官方微博</a></li>
						<li><a href="#">关注微信</a></li>
						<li><a href="reading.html">购物须知</a></li>
					</ul>
					</div>
					
					
					<div class="line2">
						<span class="log">
							<a href="index.html">
							<img src="img/logo/shop-logo-v1.png" >
							</a>
						</span>
						<div >
							<input type="text" class="search" name="" id="" value="" />
							<span class="btn"></span>
						</div>
						<ul>
							<li class="l1"></li>
							<li><a href="#" class="denglu">登录</a></li>
							<li><a href="#">我的订单</a></li>
							<span class="l2"></span>
							<li><a href="#"> 购物车</a></li>
						</ul>
						
					</div>
			<!-- 登录内页面显示 -->	
		<script type="text/javascript">
			window.onload=function(){
				var denglu=document.querySelector(".denglu");
				denglu.onclick=function(){
					var box=document.querySelector(".box");
					box.style.display="flex";
				}
				var close=document.querySelector(".close");
				close.onclick=function(){
				var box =document.querySelector(".box");
				box.style.display="none";
				}
				
				
				var forms=document.querySelectorAll(".box .text form");
				var btns=document.querySelectorAll(".box .title a");
				for(var i=0;i<btns.length;i++){
					btns[i].onclick=function(){
						for (var j=0;j<btns.length;j++) {
							btns[j].className= "";
						}
						this.className="active";
				var idx=this.attributes["data-idx"].value;
						console.log(idx);
						for(var j=0;j<forms.length;j++){
							forms[j].style.display="none";
						}
						forms[idx].style.display="block";
					}
				}
				
				
			}
		</script>			
					<div class="xian"></div>
			     <div class="line3">
					 <span class="title">艺人分类</span>
					 <ul>
					 	<li><a href="index.html">首页</a></li>
					 	<li><a href="list.html">专辑</a></li>
					 	<li><a href="index.html">明显周边</a></li>
					 	<li><a href="index.html">明星同款</a></li>
					 	<li><a href="index.html">个护美妆</a></li>
					 	<li><a href="index.html">影漫周边</a></li>
					 	<li><a href="index.html">食品</a></li>
					 	<li><a href="index.html">服装配饰</a></li>
					 </ul>
							 
				 </div>
					</div>
					
				</div>
				<div class="zc">
					<div class="content">
							<div class="box">
								<div class="right">
							<div class="title">
								<a href="#" class="active" data-idx="0">登录</a>
								<a href="#" data-idx="1" >注册</a>
							</div>
							<div class="text">
								<form action="#" method="get">
									<div>
										<input type="text" name="name" id="name" value="" placeholder="请输入账号或邮箱"/>
									</div>
									<div>
										<input type="password" name="pwd" id="pwd" value="" placeholder="请输入密码"/>
									</div>
									<div>
										<input type="checkbox" name="chk" id="chk" value="" />
									<label for="chk">自动登录</label>
									</div>
									<div><input type="submit" value="登录"/></div>	
								</form>
							
							<form action="" method="get">
							<div>
								<input type="text" name="name" id="name" value="" placeholder="请输入账号或邮箱"/>
							</div>
							<div>
								<input type="password" name="pwd" id="pwd" value="" placeholder="请输入密码"/>
							</div>
							<div>
								<input type="text" name="yzm" id="yzm" value="" class="yanz" placeholder="请输入验证码" />
								<input type="button" name="" id="" value="获取验证码" class="yanz1"/>
							
							</div>
							<div><input type="submit" value="立即注册"/></div>	
							
							</form>
							</div>
							</div>
							<span class="close">&times;</span>
							      </div>
								  
						</div>
						
				</div>
<!-- ========================================== -->				
				
				<div class="content">
							<h1>购物须知</h1>
							<ul>
								<li><a href="#type1">预定商品</a></li>
								<li><a href="#type2">专辑价格</a></li>
								<li><a href="#type3">发货周期</a></li>
								<li><a href="#type4">快递</a></li>
								<li><a href="#type5">售后相关</a></li>
							</ul>
							<div class="type" id="type1">
								<h3></h3>
								<div class="text">
				<p>预定商品：非现货的商品，为确保供货数量以及避免过量囤积，因此将通过收取预定金的形式进行把控，且无论是哪种形式的预定商品，预定金一旦支付成功，均不予以退还，敬请周知。
				
				<p>如预定商品为全款预定金商品，那么商品正式发行后，则会直接发货；</p>
				
				<p>如预定商品为定额预定金商品（众筹预定），那么商品正式发行后，则需再补充支付尾款。如若不支付尾款，预定金则不予以退还。</p>
				
				<p>*预定金是指商品正式发行前夕，预定购买时所支付的一定数额的金钱作为担保。</p>
				
				<p>预定商品的预定金分为全款预定金和定额预定金两种形式。</p>
								</div>
							</div>
							<div class="type" id="type2">
											<h3></h3>
											<div class="text">
							<p>商城发售的海外专辑的全款价格内包含专辑定价+国际邮费+关税+增值税+审批费用，不含国内邮费。</p>
							
							<p>如专辑为众筹预定商品，则专辑发行后会短信通知补款，补款成功后同步计入专辑销量（韩国专辑计入Hanteo Chart销量榜）。</p>
											</div>
										</div>
				<div class="type" id="type3">
											<h3></h3>
											<div class="text">
												<img src="img/buyer/1.jpg" >
							<p>补充说明：</p>
							<p>商城发售的海外进口专辑均为预售专辑；</p>
							<p>进口外文原版专辑需要报批审核，并加贴「国家专用进口防伪标识」贴纸。审核周期约为20个工作日，因需用实体专辑报批，所以在专辑正式发行后才可递交报批材料。</p>
							<p>另外，国际运输+中国海关开箱验货+通关周期约为2周左右。</p>
							<p>预售海外专辑预计将于专辑正式发售后40个工作日内发货。当专辑发行时间与法定假日冲撞时，则会进行顺延，具体时间将根据当时情况另行通知。</p>
							<p>（此为参考时间，发货时间以实际情况为准）</p>
					
											</div>
										</div>	
				<div class="type" id="type4">
											<h3></h3>
											<div class="text">
												<p>订购众筹商品时暂不需要支付邮费，商品补款时支付国内邮费。</p>
												<p>全款预定订单下单时支付国内运费。</p>
												<p>邮费计算说明：</p>
												<img src="img/buyer/2.jpg" >
						                        <p>商城委托第三方快递公司为客户提供送货服务，客户无须向快递公司支付额外的费用。客户可在商城“我的订单”查询货物配送信息，也可以登录第三方快递网站查询快递信息。</p>
												<p>注意：港澳台地区的用户下单后需联系商城QQ客服补运费后才能正常发货。</p>
												<p>下单时请在留言区备注可以联系上的QQ，若没有QQ，请留下邮箱地址，以便工作人员与您取得联系。</p>	
					
											</div>
										</div>	
				<div class="type" id="type5">
											<h3></h3>
											<div class="text">
												<p>商品售出后，如无质量问题不予退换，<span>不接受如不喜欢、和想象的不一样、有色差</span>等主观因素的退换要求。</p>
												<p>快递签收后7日内，如出现非人为因素的损坏，或密封包装内的商品有缺失等质量问题，需提供电子订单，商品和快递外包装完整图片，联系音悦商城售后客服进行退、换货。</p>
												<p>如因商城的原因出现少发、漏发等情况，可联系商城客服凭商城购物订单号确认后进行补发；如出现发错件的情况，可在保持专辑包装完好、不影响二次销售的状态下，进行更换，已拆封的音像制品将无法受理退、换货，请您谅解。</p>
												<p><span style="color: #DE4767;">缺失商品的补发、损坏商品换货的邮费</span>均由商城承担。</p>
												<p class="t"><span>要进行退、换货时，需将退、换商品寄回，请您先垫付寄回运费，后联系商城客服进行退邮费。寄回商品时请发普通快递，不要使用顺丰到付，否则将拒收，退邮费上限为15元，超出部分将由您自己承担，敬请谅解</p>
											    <p>请您一定要当快递员的面拆件检查货品是否完好后再行签收。如有破损请不要签收，并交与快递员原件退回。</span></p>
											    <p>如未检查就签收包裹而引发问题，商城将无法为您向快递索赔，造成的损失将由买方承担。</p>
											    <p><span>请您一定保证收货信息正确，联系电话畅通。如因买家原因，快递公司人员未能与买家联系到，导致无法正常收货或货品退回出现的商城二次发货，需要买家补款二次邮费。</span></p>
											</div>
										</div>	
								<div class="jio">
								</div>																
						</div>	
				
	<!-- ============================================== -->			
		
			<div class="fot">
				<div class="foot">
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">人才招聘</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">友情链接</a></li>
						<li><a href="#">版权说明</a></li>
						<li><a href="#">客服中心</a></li>
					</ul>
					<div class="z">
						<img src="img/culture.png"  class="zhi">
						<span>Copyright@2009-2016yinyuetai.com广播电视节目制作经营许可证编号（京）字第1891号丨京网文【2014】2037-287号</span>
						<span class="w"><a href="">网络视听许可证0110413号</a></span>
						<p>京公安网备案1101050201490号丨京ICP备11024134号-1丨京ICP证060716号丨出版物经营许可证新出发零字第朝130062号丨增值电信业务营业许可证B2-20140501</p>
						
						<p>食品许可s证：JY11105040485363丨营业执照</p>
					<div class="an"></div>
					</div>
					
				</div>
			</div>
	</body>
</html>
